<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="">
    <link rel="stylesheet" href="css/P-CSS/comm.css" ;>
    <link rel="stylesheet" href="css/P-CSS/style.css" ;>
    <script type="text/javascript" rel="stylesheet" src="js/P-JS/jquery.min.js"></script>
    <title></title>
    <style>
.testimonials-section{
    background: url("images/t-bg.jpg") no-repeat 0px 0px;
    height:400px;
}
.testimonials-section-head{
    padding:1.5em 0;
}
.testimonials-section-head h3{
    text-align: center;
    font-size:2.0em;
    color: #3e1f11;
}
.menbers{
    width:19%;
    float:left;
}
.menbers img{
    width:100%;
}
.name{
    padding: 12px;
    background:#FFF;
}
.name h4{
    text-align: center;
    font-size: 1.2em;

}
.name p{
    text-align: center;
    margin:0;
    font-size:1.0em;
}
.description{
    width:81%;
    background: rgba(91, 128, 54, 0.67);
    float:left;
    min-height:264px;
}

    </style>
</head>
<body>
<div class="header">
    <div class="contain">
        <div class="logo">
            <a href="index.html">
                <img src="images/logo.png" ;/>
            </a>
        </div>

        <div class="header-right">
            <h4>
                <i class="phone"></i>
                18866428563
            </h4>
            <span class="menu"></span>

            <div class="top-menu">
                <ul>
                    <li><a class="active" href="">Home</a></li>
                    <li><a>Blog</a></li>
                    <li><a>Case</a></li>
                    <li><a>Resource</a></li>
                    <li><a>about me</a></li>
                </ul>

            </div>

        </div>
        <div style="clear: both"></div>
    </div>


</div>
<div class="banner">
    <div class="contain">


    </div>
</div>
<div class="content">
    <div class="services-section-1">
        <div class="contain">
            <h3>Our Services</h3>

            <div class="services-section-1-1">
                <div class="services-section-1-1-1">
                    <h4>Line & Word1</h4>

                    <p>We can offer you great low cost calls with a care level to suit your business</p>
                </div>
                <div class="services-section-1-1-2">
                    <h4>Line & Word1</h4>

                    <p>We can offer you great low cost calls with a care level to suit your business</p>
                </div>
            </div>
            <div class="services-section-1-2">
                <h4>Line & Word2</h4>

                <p>We can offer you great low cost calls with a care level to suit your business</p>
            </div>
            <div class="services-section-1-3">
                <div class="services-section-1-3-1">
                    <h4>Line & Word3</h4>
                    <p>We can offer you great low cost calls with a care level to suit your business</p>
                </div>
                <div class="services-section-1-3-2">
                    <h4>Line & Word3</h4>
                    <p>We can offer you great low cost calls with a care level to suit your business</p>
                </div>
            </div>
            <div style="clear:both;"></div>


        </div>

    </div>
    <div class="subscibe-section">
        <div class="contain">
            <div class="subscibe-section-grids">
                <div class="subscibe">
                    <h4>Subscibe for our free PDF Ebook</h4>
                    <input class="text" type="text"/>
                    <a href="#">Download PDF</a>

                </div>
                <div class="book">
                    <img src="images/book.png"/>
                </div>
                <div style="clear:both;"></div>
            </div>
        </div>
    </div>
    <div class="Carousel">
        <div class="contain">
            <div class="Carousel-head">
                <h3>LOGO 订制</h3>
            </div>
            <div class="Carousel-scoll">
                <div class='nbs-flexisel-container'>
                    <div class='nbs-flexisel-inner'>
                        <ul class="flexiselDemo3 nbs-flexisel-ul" style=" left: -253.6px;display: block;">
                            <li>
                                <img src="images/c1.jpg"/>
                            </li>
                            <li>
                                <img src="images/c2.jpg"/>
                            </li>
                            <li>
                                <img src="images/c3.jpg"/>
                            </li>
                            <li>
                                <img src="images/c4.jpg"/>
                            </li>
                            <li>
                                <img src="images/c1.jpg"/>
                            </li>
                            <li>
                                <img src="images/c2.jpg"/>
                            </li>
                            <li>
                                <img src="images/c3.jpg"/>
                            </li>
                            <li>
                                <img src="images/c4.jpg"/>
                            </li>
                        </ul>
                        <div class="nbs-flexisel-nav-left" style="display:none"></div>
                        <div class="nbs-flexisel-nav-right" style="display:none"></div>
                    </div>
                </div>

                <div style="clear:both;"></div>
                <script src="js/P-JS/jquery.flexisel.js"></script>
                <script type="text/javascript">
                    $(window).load(function() {
                        $(".flexiselDemo3").flexisel({
                            visibleItems: 4,  //一行显数的个数
                            animationSpeed: 1000,  //动画时间
                            autoPlay: true,   //自动播放
                            autoPlaySpeed: 3000, //播放间隔时间
                            pauseOnHover: true,  //鼠标悬浮是否停止播放
                            enableResponsiveBreakpoints: true, //是否开启响应式
                            responsiveBreakpoints: {
                                portrait: {    //项目名，可随意命名
                                    changePoint:480,   //屏幕最大像素，意思为当屏幕最大像素为480时，只显示一个Item，即例子只显示一张图片。
                                    visibleItems: 1    //只显示一个Item，下面的雷同
                                },
                                landscape: {
                                    changePoint:640,
                                    visibleItems: 2
                                },
                                tablet: {
                                    changePoint:768,
                                    visibleItems: 3
                                }
                            }
                        });
                    });
                </script>
            </div>
        </div>
    </div>
    <div class="testimonials-section">
       <div class="contain">
           <div class="testimonials-section-head">
               <h3>Hello Hello world!</h3>
           </div>
           <div class="menbers">
               <img src="images/mem.jpg"/>
               <div class="name">
                   <h4>Simon HU</h4>
                   <p>ProductManager</p>
               </div>
           </div>
           <div class="description">
               123141
           </div>
       </div>
    </div>
</div>



<div class="footer">


</div>
</body>
</html>